<template>
  <div class="home">
    <my-button>普通按钮</my-button>
    <my-button type="success">成功的按钮</my-button>
    <my-button type="danger" @click="hClick">失败的按钮</my-button>
    <my-button type="info">警告的按钮</my-button>
    <my-button disabled>禁用按钮</my-button>
    <my-button round>圆角按钮</my-button>
    <my-button type="text">文字按钮</my-button>
    <my-button :loading="true">加载中</my-button>
  </div>
</template>

<script>

export default {
  name: 'Button',
  methods: {
    hClick () {
      alert('失败')
    }
  }
}
</script>
